<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="外部测试样式.css">
		<style>
			div,p {
				color: #9370DB;
			}
		</style>
		<!-- 这是内部样式，理论上style标签可以放在任何地方，可以放进body里面，但通常写在头部里 -->
	</head>
	<body>
		<div>这是一个样式的引入测试</div>
		<p style="color: #FF0000;font-size: 20px;">这是一个行内样式测试</p>
		<!-- 这种行内样式使用比较少 -->
		<span>这是一个外部样式引入的测试</span>
		<!-- 外部样式引入需要新建.css文件，用link标签来引入，在外部样式中写样式不需要style标签 -->
		<!-- 这里进行了一个小测试，实际上外部引入样式没有内部样式优先级高 -->
		<!-- 外部样式是实际开发中最常用的写法 -->
	</body>

</html>

